body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --body-small: Inter;
  
    /* font sizes */
    --body-small-size: 14px;
    --single-line-body-base-size: 16px;
  
    /* Colors */
    --background-default-default: #fff;
    --border-default-default: #d9d9d9;
    --text-default-secondary: #757575;
    --text-default-default: #1e1e1e;
  
    /* Spacing */
    --space-200: 8px;
    --radius-200: 8px;
    --space-300: 12px;
    --space-400: 16px;
    --radius-md: 8px;
    --space-100: 4px;
    --padding-lg: 16px;
    --padding-sm: 8px;
  
    /* Gaps */
    --gap-xs: 12px;
    --gap-9xs: 4px;
  
    /* Paddings */
    --padding-xs: 12px;
    --padding-base: 16px;
    --padding-5xs: 8px;
  
    /* Border radiuses */
    --br-5xs: 8px;
  
    /* Effects */
    --drop-shadow-300: 0px 4px 4px -1px rgba(12, 12, 13, 0.1),
      0px 4px 4px -1px rgba(12, 12, 13, 0.05);
  }